<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="../font-awesome/css/font-awesome.css">
        <link rel="stylesheet" href="../css/mui.css">
        <link rel="stylesheet" href="./css/demo-common.css">
        <link rel="stylesheet" href="./css/atom-one-light.css">
        <script src="./js/jquery-2.2.3.min.js"></script>
        <script src="./js/highlight.pack.js"></script>
        <script src="../js/datetimepicker.js"></script>
    </head>
    <body>
        <h3>Datetimepicker日期选择</h3>
        <p>datetimepicker是由bootstrap-datetimepicker修改而来，并做了汉化。</p>
        <p>API请参考 <a href="http://www.bootcss.com/p/bootstrap-datetimepicker/">bootstrap-datetimepicker文档</a> </p>
        <section>
        	<div class="example">
        		<span class="input-wrapper">
        			<input type="text" id="trigger">
        			<i class="fa fa-calendar input-right-icon"></i>
        		</span>
        	</div>
        	<pre><code>
	$('#trigger').datetimepicker();
        	</code></pre>
        </section>


        <script>
			$(document).ready(function() {
				$('pre code').each(function(i, block) {
					hljs.highlightBlock(block);
				});
			});
			$('#trigger').datetimepicker();
        </script>
    </body>
</html>